<template>
	<div style="padding-bottom: 5px">
		<el-row :gutter="10">
			<el-col :span="17">
				<el-input clearable size="mini" v-model="value.searchOperation.searchResult">
					<el-button slot="append" icon="el-icon-search" @click="search()"></el-button>
				</el-input>
			</el-col>
			<el-col :span="7">
				<div  v-if="value.searchPlusOperation.isShow" style="line-height: 28px;height: 28px">
					<el-link :underline="false" @click="drawer = true">
						<i class="el-icon-setting el-icon--right"></i>&nbsp;高级搜索
					</el-link>	
				</div>
			</el-col>
		</el-row>
		<el-drawer
		  title="高级搜索"
		  :visible.sync="drawer"
		  :direction="direction">
		  <loader :vueName="value.searchPlusOperation.vueName" :src="value.searchPlusOperation.src" :data="value.searchPlusOperation.data"></loader>
		</el-drawer>		
	</div>
</template>
<script>
	import loader from './entryloader.vue'
	export default {
		props: {
			value: {
				type: Object,
				default: {}
			}
		},
		data() {
			return {
        drawer: false,
        direction: 'rtl'
			}
		},
		components:{
			loader
		},
		methods: {
			search () {
				this.$emit("searchmethod")
			}
		}
	}
</script>